<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>放行详情</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="css/examine_detail.css" />
    <link rel="stylesheet" type="text/css" href="css/outdoor_detail.css?v=1" />
    <style>
        .ex_con_lft {
            width: 30%;
        }

        .ex_con_rgt {
            width: 70%;
        }

        .new-tab-item-detail {
            border-radius: 0px;
            box-shadow: unset;
            height: 30px;
            line-height: 30px;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content">
            <div>
                <div class="aui_list boxarea mb20">
                    <div class="statu_box" v-if="(form.UseStatus==3||form.UseStatus==4||form.UseStatus==5)&&ShowType!=1">
                        <div class="statu_msg">请在门岗处出示放行码</div>
                        <div class="statu_erweima">
                            <div class="erweima_box">
                                <div class="erweima_pic">
                                    <div class="erweima_topbg"
                                        v-if="(form.UseStatus==4||form.UseStatus==5)&&form.QrCodeImgPath">
                                        <div class="erweima_statu">{{form.StatusName}}</div>
                                    </div>
                                    <img v-if="form.QrCodeImgPath" class="erweima" :src="form.QrCodeImgPath" />
                                    <!-- <img class="erweima" src="../image/erwema.jpg"> -->
                                </div>
                            </div>
                            <div v-if="form.StartTime&&(form.UseStatus==3||form.UseStatus==5)" class="erweima_msg">
                                <span class="text-grey"
                                    v-bind:class="{'text-org':form.UseStatus==3}">{{form.StartTime}}</span> 前有效
                            </div>
                            <div v-if="form.StartTime&&form.UseStatus==4" class="erweima_msg">住户于
                                <span>{{form.StartTime}}</span> 通过门岗
                            </div>
                        </div>
                    </div>
                    <div class="contain_main">
                        <div class="examine_con">
                            <div v-if="!form.ApplyCompany" class="examine_con_list">
                                <div class="ex_con_lft">申请单位</div>
                                <div class="ex_con_rgt">{{form.ProjectName}}</div>
                            </div>
                            <div v-if="form.ApplyCompany" class="examine_con_list">
                                <div class="ex_con_lft">所属项目</div>
                                <div class="ex_con_rgt">{{form.ProjectName}}</div>
                            </div>
                            <div v-if="form.ApplyCompany" class="examine_con_list">
                                <div class="ex_con_lft">申请单位</div>
                                <div class="ex_con_rgt">{{form.ApplyCompany}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">申请人</div>
                                <div class="ex_con_rgt">{{form.OwnerName}}</div>
                            </div>
                            <!-- <div class="examine_con_list">
                            <div class="ex_con_lft">住户身份</div>
                            <div class="ex_con_rgt">业主</div>
                        </div> -->
                            <div class="examine_con_list">
                                <div class="ex_con_lft">手机号码</div>
                                <div v-on:click="tel_phone(form)" class="ex_con_rgt" style="color: #289fff;">
                                    {{form.PhoneNumber}}</div>
                            </div>
                        </div>
                        <div class="examine_second">
                            <div class="examine_con_list">
                                <div class="ex_con_lft">通行事由</div>
                                <div class="ex_con_rgt">{{form.VisitTypeName}}</div>
                            </div>
                            <!-- <div class="examine_con_list">
                            <div class="ex_con_lft">物品信息</div>
                            <div class="ex_con_rgt">{{form.ItemInformation}}</div>
                        </div> -->
                            <div class="examine_con_list">
                                <div class="ex_con_lft">有效开始时间</div>
                                <div class="ex_con_rgt"> {{form.StartTimeStartDesc}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">有效结束时间</div>
                                <div class="ex_con_rgt"> {{form.StartTimeDesc}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">车辆信息</div>
                                <div class="ex_con_rgt"> {{form.VehicleInformation}}</div>
                            </div>
                            <div class="examine_statue">放行说明</div>
                            <div class="examine_statue" style="padding-top: 4px;color: #344356;">
                                {{form.ReleaseInstructions}}</div>
                            <div class="aui-content ">
                                <div class="handle_img_list">
                                    <div class="task_con_image">
                                        <img v-on:click="do_viewimages(index)" class="aui-img-object"
                                            v-for="(item,index) in imglist" v-bind:src="item.imgurl" />
                                        <!-- <img class="aui-img-object" src="../image/demo_msg_icon2.jpg" /> -->
                                        <div class="cl"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div v-if="form.UseStatus==3&&ShowType!=1" class="download_box">
                        <div class="down-load" v-on:click="download_erweima()">下载电子放行条</div>
                        <div class="dowm-msg">电子放行条可发给业主，用于门岗放行使用</div>
                    </div>
                </div>
            </div>

            <div class="aui_list boxarea border-r mt20">
                <div class="aui-tab">
                    <div class="aui-tab-item new-tab-item-detail" @click="onClickTab(0)"
                        v-bind:class="{'aui-active':tabActive==0}">审批轨迹</div>
                    <div class="aui-tab-item new-tab-item-detail" @click="onClickTab(1)"
                        v-bind:class="{'aui-active':tabActive==1}">放行信息</div>
                </div>
            </div>

            <!--审批轨迹(form.UseStatus==1||form.UseStatus==2)&&TrailList.length>0-->
            <div v-if="TrailList.length>0&&tabActive==0" class="aui_list boxarea  aui-margin-t-10">
                <!-- <div class="work_title">审批轨迹</div> -->
                <div class="gj_con">
                    <ul class="processul">
                        <li class="processulli  li-border-color-grey" v-for="item in TrailList">
                            <div class="icon_type">{{item.StepName}}
                                <img v-if="item.State==1||item.State==4" 
                                    style=" position: absolute; width: 20px; height: 20px;  right:-3px; bottom: -4px;"
                                    src="../image/yes.png">
                                <img v-if="item.State==3||item.State==2"
                                    style=" position: absolute; width: 20px; height: 20px;  right:-3px; bottom: -4px;"
                                    src="../image/loads.png">
                                <img v-if="item.State==5"
                                    style=" position: absolute; width: 20px; height: 20px;  right:-3px; bottom: -4px;"
                                    src="../image/close.png">
                                <img v-if="item.State==6"  style=" position: absolute; width: 20px; height: 20px;  right:-3px; bottom: -4px;" src="../image/cx.png">
                            </div>
                            <div class="task_process_con con_right">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">{{item.AcceptName}}</div>
                                            <div class="cl"></div>
                                        </div>
                                        <div class="task_process_basic_title_time ccc fr">{{item.AcceptTime}}</div>
                                        <div class="cl"></div>
                                        <div class="handle_con_msg ">
                                            <span class="jiedian">{{item.AcceptCont}}</span>
                                        </div>
                                        <div class="cl"></div>
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li>

                    </ul>

                </div>
            </div>

            <div v-if="form.UseStatus==4&&tabActive==1" class="aui_list boxarea aui-margin-t-10">
                <div class="contain_center">
                    <div class="examine_con_list">
                        <div class="ex_con_lft">放行人</div>
                        <div class="ex_con_rgt">{{form.ReleaseName}}</div>
                    </div>
                    <div class="examine_con_list">
                        <div class="ex_con_lft">手机号码</div>
                        <div v-on:click="tel_phone(form.ReleasePhoneNumber)" class="ex_con_rgt" style="color: #289fff;">
                            {{form.ReleasePhoneNumber}}</div>
                    </div>
                    <div class="examine_con_list">
                        <div class="ex_con_lft">放行时间</div>
                        <div class="ex_con_rgt">{{form.ReleaseTime}}</div>
                    </div>
                </div>
            </div>

            <div style="height: 80px;"></div>

            <div class="new-btn-bottom">
                <div v-if="form.UseStatus==3&&ShowType!=1" class="new-blue-btn btn-refuse" v-on:click="doRevoke()">手动失效</div>
                <div v-if="form.UseStatus==3&&ShowType==1" class="new-blue-btn" v-on:click="doRelease()">确认放行</div>
                <div v-if="form.UseStatus==1" class="new-blue-btn btn-refuse" v-on:click="do_open_surejujue(1)">拒绝</div>
                <div v-if="form.UseStatus==1" class="new-blue-btn" v-on:click="do_open_surejujue(0)">同意</div>
            </div>
        </section>
    </div>

</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="js/outdoor_detail.js"></script>

</html>